<style type="text/css">
    .challengeBg{width:160px;height:92px;padding:10px 11px;background:url(images/ui/popubg_23.png)left top no-repeat;text-align:center;position:absolute}
	.challengeNoBg01{width:47px;height:47px;margin-left:20px;margin-top:13px;background:url(images/ui/fight_dis.png)left top no-repeat;text-align:center;position:absolute;overflow:hidden}
	.challengeNoBg02{width:47px;margin-left:75px;margin-top:13px;height:35px;background:url(images/ui/fight_dis.png)100%100%no-repeat;text-align:center;position:absolute;overflow:hidden}.clallengeInfo{width:100px;height:13px;position:absolute;left:65px;top:10px;text-align:left;line-height:15px}
	.challengeHero{text-align:center;width:50px;margin-top:6px;padding-top:47px;height:17px;float:left;overflow:hidden}
	.challengePage{width:460px;height:15px;position:absolute;left:10px;top:242px;text-align:center}
	.challengePage li{width:15px;height:15px;display:inline-block;margin-left:4px;background:url(images/ui/dotbg.png)left top no-repeat}
</style>
<div style="width:480px; height:261px;padding-top:7px;background:url(images/ui/menubg.jpg)">
    <img id="challengeClose" style="position:absolute; left: 444px; top: 0px; z-index:100" src="images/ui/close.png" />
    <div style="position:relative; width:460px; height:217px; margin-top:7px;overflow:hidden;">
        <div id="challengeListDiv" style="position:absolute;"></div>
    </div>
    <ul class="challengePage" id="challengePage"></ul>
</div>